<template>
    <section>
        <div class="entry-panel">
            <a href="./" class="entry-item">
                小牛分销C端管理后台
            </a>
            <a href="./rights-shop.html" class="entry-item">
                权益商城管理后台
            </a>
        </div>
    </section>
</template>

<script>
export default {
    data() {
        return {};
    },
    methods: {},
    mounted() {}
};
</script>

<style scoped>
.entry-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.entry-item {
    width: 200px;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 20px;
    padding: 0 20px;
    color: #fff;
    font-size: 20px;
}
.entry-item:nth-of-type(1) {
    background: #3b77b5;
}
.entry-item:nth-of-type(2) {
    background: #e8a30c;
}
</style>
